<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MyStyle - 账目</title>
<link href="https://cdn.bootcss.com/bootstrap-switch/3.3.4/css/bootstrap3/bootstrap-switch.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript" src="../../theme/js/common.js"></script>
<script type="text/javascript" src="../../theme/js/head_menu.js"></script>

<script src="https://cdn.bootcss.com/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.18.1/locale/zh-cn.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-switch/3.3.4/js/bootstrap-switch.min.js"></script>

<script type="text/javascript" src="bi.js"></script>
</head>
<body>

	<div style="margin-top: 60px;">
		<div class="container form-horizontal">
			<!-- tab页 -->
			<div class="row" style="margin-bottom: 10px;">
				<div class="col-xs-12 col-md-12">
					<ul class="nav nav-tabs">
					  <li role="presentation"><a href="account.html" class="i18n-text">stat</a></li>
		              <li role="presentation" class="active"><a href="#" class="i18n-text">bi</a></li>
					  <li role="presentation" class="dropdown">
					    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
					        <span class="i18n-text">accounting</span>&nbsp;<span class="caret"></span>
					    </a>
					    <ul class="dropdown-menu">
					        <li><a href="#" id="incomeBtn" class="i18n-text">income_record</a></li>
                            <li><a href="#" id="costBtn" class="i18n-text">cost_record</a></li>
					    </ul>
					  </li>
					</ul>
			    </div>
			</div>
			
			<!-- 筛选条件 -->
			<div class="row">
				<div class="col-xs-12 col-md-12">
				    <div class="form-group col-md-6">
			            <label class="col-md-3 control-label i18n-text">type</label>
			            <div class="col-md-9">
					      <input type="checkbox" name="typeCheckbox" checked>
					    </div>
			        </div>
			        
			        <div class="form-group col-md-6">
			            <label class="col-md-3 control-label i18n-text">date_time</label>
			            <div class="col-md-9">
			                <div class="input-group date" id="datetimeParentDiv">
				                <input type="text" id="starttime" mkey="starttime" class="form-control">
				                <span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
			                    <input type="text" id="endtime" mkey="endtime" class="form-control">
			                     <span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
						    </div>
			            </div>
			        </div>
					
				</div>
			</div>
			
			<!-- 按钮 -->
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="form-group col-md-12">
			            <div class="col-md-12" align="center">
					        <button id="queryBtn" class="btn btn-danger i18n-text" type="button">query</button>
					        <button id="clearBtn" class="btn btn-secondary i18n-text" type="button">clear</button>
					    </div>
			        </div>
				</div>
			</div>
			
			<!-- 筛选表格 -->
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<table id="biTable" class="table table-hover">
				      <!-- <caption>Optional table caption.</caption> -->
				      <thead>
				        <tr>
				          <th class="i18n-text" mkey="type">type</th>
				          <th class="i18n-text" mkey="dateTime">date_time</th>
				          <th class="i18n-text" mkey="partnerName">partner_name</th>
				          <th class="i18n-text" mkey="totalPrice">total_price</th>
				          <th class="i18n-text" mkey="itemName">item_name</th>
				          <th class="i18n-text" mkey="operation">operation</th>
				        </tr>
				      </thead>
				      <tbody></tbody>
				    </table>
				</div>
			</div>
		</div>
	</div>
	
</body>
</html>